<html ng-app="">
<head>
    <title>Your Shopping Cart</title>
</head>
<body ng-controller="CartController">
<h1>Your Order</h1>
<div ng-repeat="item in items">
    <span>{{item.title}}</span>
    <input ng-model="item.quantity" />
    <span>{{item.price | currency}}</span>
    <span>{{item.price * item.quantity | currency}}</span>
    <button ng-click="remove($index)">Remove</button>
</div>
<script src="../jsLib/angular-1.3.0.js"></script>
<script>
    function CartController($scope){
        $scope.items = [
            {title: 'Paint pots', quantity: 8, price: 3.95},
            {title: 'Polka dots', quantity: 17, price: 12.95},
            {title: 'Pebbles', quantity: 5, price: 6.95}
        ];

        $scope.remove = function(index){
            alert($scope.items[index])
            $scope.items= [
                {title: '1', quantity: 10, price: 3333335},
                {title: '3', quantity: 17, price: 12.95},
                {title: '2', quantity: 5, price: 6.95}
            ];;
        }
    }
</script>
</body>
</html>